<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" debug="true">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>File Style Demo</title>
<meta name="generator" content="Mephisto" />

<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.filestyle.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
  $(function() {
            
      $("input.file_1").filestyle({ 
          image: "choose-file.gif",
          imageheight : 22,
          imagewidth : 82,
          width : 100
      });
      $("input.file_2").filestyle({ 
          image: "choose-file.gif",
          imageheight : 22,
          imagewidth : 82,
          width : 200
      });
      $("input.file_3").filestyle({ 
          image: "img/seleccionar_2.gif",
          imageheight : 27,
          imagewidth : 96,
          width : 300
      });
      $("input.file_4").filestyle({ 
          image: "choose-file.gif",
          imageheight : 22,
          imagewidth : 82,
          width : 200
      });
      $("input.file_5").filestyle({ 
          image: "choose-file.gif",
          imageheight : 22,
          imagewidth : 82,
          width : 500
      });
      $("input.file_20").filestyle({ 
          image: "greyscale_23.gif",
          imageheight : 31,
          imagewidth : 26
      });      
  });
</script>

<style type="text/css">

.file_1 {
    background: #fff;
    color: #888;
}
.file_2 {
    background: #eee;
    color: #111;
}
.file_3 {
    color: #111;
	border:1px #000000 solid
}
.file_4 {
    background: #eee;
    color: #111;
}
.file_5 {
    background: #fff;
    color: #888;
}

#sidebar {
  width: 0px;
}

#content {
  width: 770px;
}
.Estilo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
</style>

</head>

<body  >
 <form action="upload.php" method="post" enctype="multipart/form-data" >	
   <table width="51%" border="0" align="left" cellpadding="0" cellspacing="0">
     <tr>
       <td height="19" align="left">&nbsp;</td>
     </tr>
     <tr>
       <td width="71%" height="29" align="left"><input type="image" src="img/cargar_2.gif"  value="" /></td>
     </tr>
     <tr>
       <td height="35" align="center">
	
	<input type="file" class="file_3" name="archivo" />	   </td>
     </tr>
     <tr>
       <td align="center"></td>
     </tr>
     <tr>
       <td>&nbsp;</td>
     </tr>
   </table>
	
 </form>

</body>
</html>

